<template>
    <div class='classify-list'>
        <div>
            <router-link tag='div' keep-alive :to='"/product/"+ classifyList.id' class="cate-second"
                v-for = 'classifyList in hashlist.secondCateList'
                :key='classifyList.id'
                :cid='classifyList.id'
                :activityType = 'classifyList.activity_type'
            >
                <div class="bc" data-bc="1_243_1_1278" style="background: none;">
                    <img :src='"https://s2.juancdn.com"+ classifyList.icon +"?25253Fiopcmd=convert&dst=webp"' class="cate-img lazy loaded">
                    <span>{{classifyList.name}}</span>
                </div>
                <div class="icon-tj icon"
                    v-if='classifyList.icon_type == "3"'
                >推荐</div>
                <div class="icon-new icon"
                    v-if='classifyList.icon_type == "2"'
                >NEW</div>
                <div class="icon icon-hot"
                    v-else-if='classifyList.icon_type == "1"'
                >HOT</div>
            </router-link>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue'
    import VueJsonp from 'vue-jsonp'

    Vue.use(VueJsonp)
    export default {
        props: {
            hashlist:Object
        },
        data() {
            return {}
        },
        mounted(){
            
        }
    }
</script>

<style lang="stylus">
    @import '~assets/styles/_base.styl'
    .cate-second
        width 1.7rem
        height 1.87rem
        padding 0 5%
        box-sizing border-box
        position relative
        display inline-block
        .bc
            width 100%
            height 100%
            text-align center
            .cate-img
                width 100%
            span
                line-height .4rem
                font-size .24rem
        .icon
            position absolute
            width .6rem
            height .6rem
            line-height .6rem
            font-size .2rem
            top -0.15rem
            text-align center
            border-radius 50%
            right 0
            color #fff
            &.icon-new
                background #5698f3 
            &.icon-hot
                background $bg-color
            &.icon-tj
                background #f5a623

</style>